@charset "utf-8";
ol,ul,li{ list-style:none; list-style-type:none;}
body{ padding-top:50px; font-family:"Microsoft Yahei","微软雅黑",Arial,"宋体"; background-color:#f6f6f6;}
/*------------------------------ 通用样式 ------------------------------*/
/* 字体样式 */
.font18{ font-size:18px!important;}
.font16{ font-size:16px!important;}
.font14{ font-size:14px!important;}
.font12{ font-size:12px!important;}
.bold{ font-weight:bold!important;}
.italic{ font-style:italic!important;}
.underline{ text-decoration:underline!important;}

/* 颜色 */
.white{ color:#ffffff!important;}
.gray{ color:#b4b4b4!important;}
.red{ color:#fa535a!important;}
.green{ color:#009934!important;}
.orange{ color:#ff6c00!important;}
.black{ color:#000!important;}
.blue{ color:#248dac!important;}

/* 对齐方式 */
.txtc{ text-align:center!important;}
.txtl{ text-align:left!important;}
.txtr{ text-align:right!important;}
.txtt{ vertical-align:top!important;}
.txtm{ vertical-align:middle!important;}
.txtb{ vertical-align:bottom!important;}

/* 清除布局浮动 */
.clearfix:before,.clearfix:after{ content:""; display:block;}
.clearfix:after{ clear:both;}
.clearfix{ zoom:1;}
.clear{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}

/* 其他 */
.hidden{ display:none!important;}
.block{ display:inline-block; *display:inline; *zoom:1;}
.nobg{ background:none!important;}
.nopadding{ padding:0!important;}
.nomargin{ margin:0!important;}
.noborder{ border:none!important;}
.nostyle *{ width:auto!important; margin:0!important; padding:0!important; font-size:12px!important; font-weight:normal!important; text-align:left!important; color:#666!important; float:none!important;}
.radius2{ -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}

/* 表单 */
.form_item{ width:100%; position:relative; float:left; height:50px;}
.form_item .form_label,.form_item .form_ctrl{ width:180px; min-height:34px; line-height:34px; padding:8px 0; margin:0; text-align:right; float:left; font-weight:normal;}
.form_item .form_ctrl,.form_item .form_tag{ width:auto; min-width:200px; margin:0 0 0 20px; text-align:left; position:relative; float:none; display:inline-block; *display:inline; *zoom:1;}
.form_item .form_ctrl label{ margin:0 10px 0 0; cursor:pointer;}
.form_item .form_ctrl label.error,.form_item .form_ctrl span.error{ font-size:12px; font-weight:normal; padding:0; margin:0; line-height:20px; color:#b94a48; cursor:default; display:inline-block; *display:inline; *zoom:1; position:relative; top:-10px;}
.form_item .form_ctrl input.error,.form_item .form_ctrl textarea.error,.form_item .form_ctrl select.error{ border-color:#b94a48; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);}
.form_item .form_ctrl .vkoslct_container{ width:220px; float:none;}
.form_item .form_ctrl_long{ margin:0;}
.form_item .form_ctrl .vkoslct_container span.error{ position:absolute; z-index:1; top:40px; left:0;}
.form_item .form_ctrl.title{ max-width:300px; line-height:20px; padding:15px 0 14px;}
.form_item .form_tag{ width:96%;  border-bottom:1px dashed #afafaf; margin:0 2%;}
.form_item .form_tag b{ position:relative; left:30px; top:10px; padding:0 5px; background:#F9F9F9;}
.form_item select{ width:206px;}
.form_item textarea{ width:206px; height:100px;}
.form_item input.ipt_checkbox,.form_item input.ipt_radio{ margin:5px 5px 0 0;}
.form_item .required,.getresourcedata,.getmaterialdata{ background-image:url(../images/icon_form.png); background-position:right top; background-repeat:no-repeat;}
.form_item span.required{ width:11px; height:11px; display:inline-block; *display:inline; *zoom:1;}
.form_item .help-block{ line-height:20px; display:block; color:#999; margin:10px 0 0;}
.form_actions{ padding:19px 20px 20px; background-color:#f5f5f5; border-top:1px solid #e5e5e5;}
.form_actions .btn{ margin:0 0 0 5px;}
.form_item_half{ width:49%; display:inline-block; *display:inline; *zoom:1;}
.form_item_half .form_ctrl, .form_item_half .form_tag{ min-width:100px;}
.form_item_select label.error{ top:0;}
.form_title{ height:30px; margin:0 0 30px; border-bottom:1px dashed #ccc;}
.form_title strong{ position:relative; top:17px; background:#f6f6f6; padding:0 10px;}

.loading{ min-width:32px; min-height:32px; background:url(../images/loading.gif) center center no-repeat;}

.dialog-alert{ min-width:200px;}
.dialog-alert span{ display:inline-block; vertical-align:middle; margin:0 10px;}
.alert-success,.alert-warning,.alert-error,.d-confirm{ width:60px; height:60px; display:inline-block; vertical-align:middle; margin:0 10px;}
.alert-success{ background:url(../images/success.png) no-repeat;}
.alert-warning{ background:url(../images/warning.png) no-repeat;}
.alert-error{ background:url(../images/error.png) no-repeat;}
.d-confirm{ background:url(../images/warning.png) no-repeat;}

.btn-sm, .btn-group-sm>.btn{ border-radius:0;}

.tooltip{ opacity:0.8;}
.tooltip-inner{ background-color:#666;}
.tooltip.top .tooltip-arrow{ border-top-color:#666}
/*------------------------------ 页面样式 ------------------------------*/
.sidebar { display:none;}
.main { padding:30px 0; overflow:auto;}
.pageheader{ width:100%; padding:11px 30px 30px; float:left;}
.pagebox{ width:100%; padding:0 30px; float:left;}

.navbar-inverse{ background:#fff; border-bottom:1px solid #ededed;}
.navbar-inverse .navbar-brand{ height:60px; padding:0;}
.navbar-inverse a:hover, .navbar-inverse a:focus{ color:#333!important;}
.navbar-inverse .btn-logout{ width:30px; height:30px; padding:0; background:url(../images/icon6.png) no-repeat; float:left; text-indent:-999px; overflow:hidden;}
.navbar-inverse .btn-logout:hover{ background-position:left bottom;}
.navbar-inverse .navbar-nav{ margin:18px 20px 0 0!important;}
.navbar-inverse .navbar-nav li{ margin:0 10px; line-height:30px; color:#cccccc;}
.navbar-inverse .btn-user{ height:30px; line-height:30px; padding:0 0 0 35px; background:url(../images/icon2.png) no-repeat; float:left; overflow:hidden;}
.navbar-inverse .btn-user:hover{ background-position:left bottom;}

.nav-sidebar li a{ height:100px;  padding:15px 0; color:#575757; vertical-align:middle; font-size:18px;}
.nav-sidebar li a:hover, .nav-sidebar li a:focus,.nav-sidebar .active a{background-color:#21242a;color:#cccccc;}
.nav-sidebar li a:hover i, .nav-sidebar li a:focus i,.nav-sidebar .active a i{ background-position:center top;}
.nav-sidebar li i{ width:100%; height:30px; display:inline-block; *display:inline; *zoom:1;}
.nav-sidebar li .icon1{ background:url(../images/icon1.png) center bottom no-repeat;}
.nav-sidebar li .icon2{ background:url(../images/icon2.png) center bottom no-repeat;}
.nav-sidebar li .icon3{ background:url(../images/icon3.png) center bottom no-repeat; height:36px;}
.nav-sidebar li .icon4{ background:url(../images/icon4.png) center bottom no-repeat;}
.nav-sidebar li .icon5{ background:url(../images/icon5.png) center bottom no-repeat;}
.nav-sidebar li .icon6{ background:url(../images/icon10.png) center bottom no-repeat;}
.nav-sidebar li .icon7{ background:url(../images/icon11.png) center bottom no-repeat;}
.nav-sidebar li .icon8{ background:url(../images/icon12.png) center bottom no-repeat;}

.searchbox{ height:30px; line-height:22px; border:1px solid #e5e5e5; padding:0 5px 0 10px; margin:0 0 0 20px; background-color:#fff; vertical-align:top; display:inline-block; *display:inline; *zoom:1;}
.searchbox label{ float:left; font-weight:normal;}
.searchbox .searchbox-ipt{ width:200px; height:26px; border:none; margin:0 0 0 10px;}
.searchbox .searchbox-btn{ width:30px; height:25px; margin:2px 0 0; background:url(../images/icon7.png) center top no-repeat; text-indent:-999px; overflow:hidden; float:left;}
.searchbox .searchbox-btn:hover{ background-position:center bottom;}
.daterangebox{ height:30px; line-height:30px; margin:0 0 0 20px; border:1px solid #e5e5e5; background-color:#fff; font-size:14px; display:inline-block; *display:inline; *zoom:1; position:relative; z-index:1;}
.daterangebox .daterangebox-ipt{width:213px; height:26px; padding:0 10px; border:none; float:left; background:url(../images/icon8.png) right 2px no-repeat; color:#666;}
.daterangebox .daterangebox-ipt.error{ border-color:#b94a48;}
.daterangebox .daterangebox-ipt.required{ background-image:url(../images/icon13.png);}
.daterangebox .daterangebox-btn{ width:25px; height:25px; margin:2px 0 0; background:url(../images/icon8.png) no-repeat; text-indent:-999px; overflow:hidden; float:left; display:none;}
.daterangebox .daterangebox-btn:hover{ background-position:left bottom;}
.ui-dialog-content .daterangebox{ margin:0!important;}
.dropbox{ margin:0 0 0 20px; display:inline-block; *display:inline; *zoom:1; text-align:left;}
.dropbox select{ width:200px; height:30px; padding:4px 12px; font-size:14px;}
.location{ width:auto; position:relative; top:-14px; left:30px; padding:2px 10px; background:#f0f0f0; border-radius:4px; font-size:12px; color:#666; display:inline-block; *display:inline; *zoom:1;}
.location a{ color:#666;}
/* .location span,.location .breadcrumb{ display:inline-block; margin:0; padding:0; background:#f0f0f0;} */

body div.page-node{ font-size:14px; text-align:right; padding:17px 0;}
body div.page-node .gridTotal{ float:left; color:#b4b4b4;}
body div.page-node .gridTotal b{ color:#333; padding:0 3px; font-weight:normal;}
body div.page-node input.page-bt,
body div.page-node input.some-page,
body div.page-node .page-size{ height:28px; line-height:20px; border:1px solid #ddd; border-radius:0; background-color:#fff; margin:0 5px; padding:0 12px; font-size:14px;}
body div.page-node .page-size{ padding-right:0;}
body div.page-node input.page-bt{ line-height:24px;}
body div.page-node input.page-bt:hover{ background-color:#fa535a; color:#fff;}
body .grid{ font-size:14px;}
body .grid a{ color:#333; text-decoration:underline;}
body .grid a:hover,.location a:hover{ text-decoration:none;}
body .grid th{ font-size:16px; font-weight:normal; background-color:#f6f6f6;}
body .grid th,
body .grid td{ padding:5px; border:1px solid #ededed; border-top:1px solid #ededed;}
body .grid td .ibtn{ width:auto; height:auto; background:none; border:none; padding:2px; line-height:20px;}
body .grid td .ibtn:hover{ background:none;}
body .grid td .ibtn:hover span{ color:#b94a48;}
body .grid td .disabled,body .grid td .disabled:hover span{ color:#ccc; cursor:default;}
body .zebra-even{ background-color:#f6f6f6;}
body .mouseover{ background:#ededed;}

body .ui-dialog{ border-radius:0;}
body .ui-dialog-body,
body .ui-dialog-footer{ background-color:#f6f6f6;}
body .ui-dialog-footer button.ui-dialog-autofocus{ background-color:#fa535a; border-color:#fa535a;}
body .ui-dialog-footer button.ui-dialog-autofocus:hover,
body .ui-dialog-footer button.ui-dialog-autofocus:focus,
body .ui-dialog-footer button.ui-dialog-autofocus:active{ background-color:#e1474d; border-color:#e1474d;}
body .daterangepicker td,body .daterangepicker th{ border-radius:0;}
body .daterangepicker td.active,body .daterangepicker td.active:hover{ background-color:#e1474d; border-color:#e1474d;}

.grid .btn-sm,.grid .btn-group-sm>.btn{ padding:2px 10px;}


body .select2-container-multi .select2-choices,
body .select2-container .select2-choice{ 
	border-radius:0;
  line-height:1.42857143;
  color:#555;
  background-color:#fff;
  background-image:none;
  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
body .select2-container-multi .select2-choices .select2-search-field input{ padding:3px 5px;}
body .select2-container-multi .select2-choices .select2-search-choice{ margin:3px 0 3px 5px}
body .select2-container .select2-choice{ height:30px;line-height:30px;}
body .select2-container .select2-choice .select2-arrow{border-radius:0;}
body .select2-container.required .select2-choices,
body .select2-container.required .select2-arrow{ background-image:url(../images/icon_form.png); background-position:right top; background-repeat:no-repeat;}
body .select2-container.error .select2-choices{ border-color:#b94a48;}
body .form-control{ width:235px; height:30px; line-height:30px; padding:5px; border-radius:0;}


/* 首页 */
.homebox{ width:100%; padding:11px 30px; text-align:center; float:left;}
.homebox .pageheader{ margin-bottom:150px; padding:0; text-align:left;}
.homebox .pageheader h3{ line-height:30px; font-size:24px; float:left; color:#333; margin:0 20px 0 0;}
.homebox .chartbox{ vertical-align:top; display:inline-block; *display:inline; *zoom:1;}
.homebox .chart{ width:800px; height:340px;  background:url(../images/loading.gif) center center no-repeat #fafafa; margin:0 10px 0 0; display:inline-block; *display:inline; *zoom:1; overflow:auto; vertical-align:top; margin-top:30px;}
.homebox .datatype{ width:90px; height:240px; margin:50px 10px 0 0; text-align:left; display:inline-block; *display:inline; *zoom:1;}
.homebox .datatype label{ width:100%; font-weight:normal; line-height:35px; cursor:pointer;}
.homebox .infobox{ width:260px; margin:30px 0 0 0; display:inline-block; *display:inline; *zoom:1;}
.homebox .infobox .title{ width:99%; font-size:16px; line-height:30px; color:#ababab; text-align:right;}
.homebox .infobox table{ width:100%; background:#fff; border-left:1px solid #ededed; border-top:1px solid #ededed;}
.homebox .infobox table th,
.homebox .infobox table td{ background:#fff; border-right:1px solid #ededed; border-bottom:1px solid #ededed; padding:8px 12px;}
.homebox .infobox table th{ text-align:right;}
.homebox .infobox .normal{ font-weight:normal; color:#b4b4b4;}
.homebox .infobox ul{ padding:0; background:#fff; border-top:1px solid #ededed;}
.homebox .infobox li{ width:100%; padding:8px 15px; list-style:none; border-bottom:1px solid #ededed;}
.homebox .infobox .even{ background:#f6f6f6;}
.homebox.mediachart{ background:#f6f6f6; /*border-bottom:1px solid #ededed;*/}
.homebox.financechart{ background:#fff; border-bottom:1px solid #ededed;}
@media (max-height:700px) {
    .homebox .pageheader{ margin-bottom:0; padding:0; text-align:left;}
}
@media (max-height:768px) {
    .homebox .pageheader{ margin-bottom:50px; padding:0; text-align:left;}
}

/* 媒体管理 */
.pageheader .btn-create{ line-height:30px; font-size:20px; float:left; color:#333;}
.pageheader .btn-create .glyphicon{ margin-right:5px; font-size:18px; color:#fa535a; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.pageheader .btn-create:hover{ text-decoration:none;}
.pageheader .btn-create:hover .glyphicon{ opacity:0.5; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);}

.pop-showchart{ width:800px;}
.pop-showchart .title{ height:30px; line-height:30px; font-weight:bold; float:left; font-size:14px;}
.pop-showchart .changelist{ width:200px; float:left;}
.pop-showchart .chartbox{ margin:20px 0 0;}
.pop-showchart .popchart{ width:700px; height:340px; vertical-align:top; display:inline-block; *display:inline; *zoom:1;}
.pop-showchart .datatype{ width:90px; margin:20px 0 0; text-align:left; display:inline-block; *display:inline; *zoom:1;}
.pop-showchart .datatype label{ width:100%; font-weight:normal; line-height:35px; cursor:pointer;}
.pop-showchart .datatype label input{ margin:0 5px 0 0;}

.pop-form .form_label{ width:150px;}
.pop-form .halfunit,.pop-form .hasunit{ position:relative;}
.pop-form .halfunit .form_ctrl label.error,
.pop-form .hasunit .form_ctrl label.error{ position:absolute; bottom:-10px; top:auto; margin:0 0 0 -106px;}
.pop-form .hasunit .form_ctrl label.error{ margin:0; left:0;}
.pop-form .hasunit .form_ctrl .daterangebox label.error{ bottom:-20px;}

/* 用户管理 */
.organization{ position:relative;}
.organization .searchbox{ position:absolute; right:40px; top:5px;}






.pageheader .btn-show{ line-height:30px; font-size:20px; float:left; color:#333;}
.pageheader .btn-show .glyphicon{ margin-right:5px; font-size:18px; color:#fa535a;}
.pageheader .btn-show:hover{ text-decoration:none;}
.pageheader .btn-show:hover .glyphicon{ text-decoration:none; opacity:0.5;}

/* 素材分组 */
.classifybox{ width:900px; font-size:12px;}
.classifybox ul{ padding:0;}
.classifybox li{  height:26px; line-height:26px; border-radius:4px; padding:0 10px; margin:2px 0; background:#fafafa; position:relative; text-align:left;}
.classifybox li:hover{ background:#f0f0f0;}
.classifybox li.current{ background:#e0e0e0;}
.classifybox li label{ margin:0; position:absolute; right:0; font-weight:normal;}
.classifybox .glyphicon{ font-size:10px; color:#fa535a; margin:0 5px; cursor:pointer;}
.classifybox .panel-heading{ overflow:auto;}
.classifybox .panel-heading h3{ float:left;}
.classifybox .panel-body{ min-height:96px;}
.classifybox .clfy_warning{ color:#fa535a; position:absolute; width:130px; right:0;}
.classifybox .clfy_newgroup,.classifybox .clfy_newname,.classifybox .clfy_weight{ width:100px; height:22px; line-height:22px; padding:0 5px; margin:0 10px 0 0; border:1px solid #ccc; color:#333; float:right;}
.classifybox .clfy_newname{ float:none;}
.classifybox .clfy_addgroup{ float:right;}
.classifybox .clfy_weight{ float:none; width:40px; text-align:right;}
.classifybox .clfy_ungroup{ width:49%; float:left; max-height:620px; overflow:hidden;}
.classifybox .clfy_hasgroup{ width:49%; float:right; max-height:318px; overflow:auto; margin:40px 0 0 0;}
.classifybox .grid td,.classifybox .grid th{ line-height:22px; padding:2px; font-size:12px;}
.classifybox div.page-node input.page-bt,.classifybox div.page-node input.some-page,.classifybox div.page-node .page-size{ height:20px; line-height:20px; padding:0 3px; font-size:12px;}
.classifybox .pagebox,
.classifybox .pageheader{ padding:0; font-size:12px; margin:0 0 10px;}
.classifybox .searchbox{ margin:0;}
.classifybox .dropbox{ margin:0;}
.classifybox .title_ungroup{ width:51%;}
.classifybox .title_hasgroup{ width:48%;}
.classifybox .grid td{ overflow:hidden;}
.classifybox .grid td .glyphicon,.classifybox .grid td .label{ opacity:0.8;}

.pop-resource{}
.pop-resource .grid td,.pop-resource .grid th,
.pop-createstrategy .grid td,.pop-createstrategy .grid th{ line-height:22px; padding:2px; font-size:12px;}
.pop-resource div.page-node input.page-bt,.pop-resource div.page-node input.some-page,.pop-resource div.page-node .page-size,
.pop-createstrategy div.page-node input.page-bt,.pop-createstrategy div.page-node input.some-page,.pop-createstrategy div.page-node .page-size{ height:20px; line-height:20px; padding:0 3px; font-size:12px;}

.checkedresource{ max-width:590px; max-height:325px; overflow:auto; border:1px dashed #ccc;}
.checkedmaterial{ max-width:590px; max-height:318px; overflow:auto;}
.checkedmaterial th,.checkedmaterial td,
.checkedresource th,.checkedresource td{ font-size:12px!important;}
.pop-createstrategy .glyphicon{ color:#fa535a; cursor:pointer;}

/* 新增素材 */
.upsinglefile{ float:left; margin:0 34px 0 0;}
.upmultiplefil{ width:98px; height:30px; line-height:32px; background:url(../images/btn-bg.png) right -30px repeat-x; font-size:12px; cursor:pointer; float:left;}
.upmultiplefil i{ width:10px; height:30px; background:url(../images/btn-bg.png) left top no-repeat; float:left;}
.upmultiplefil em{ width:20px; height:20px; margin:8px 0 0; background:url(../images/icon-upload.png) 0 -24px no-repeat; float:left;}
.upmultiplefil.hover{ background-position:right -90px; color:#fff;}
.upmultiplefil.hover i{ background-position:left -60px;}
.upmultiplefil.hover em{ background-position:-25px -24px;}
.uploadercont .plupload{ border:1px solid #ccc; padding:0;}
.uploadercont .plupload_container{ padding:0;}

/* 登录弹框 */
.loginbox{ width:400px; height:300px; padding:50px; margin:10px 0 0; border:1px solid #d5d5d5; border-radius:5px; float:right; position:relative;}
.loginbox .title{ width:130px; height:38px; background:url(../images/logo-login.jpg) center center no-repeat #f6f6f6; margin:0 0 0 -65px; text-indent:-999px; overflow:hidden; position:absolute; left:50%; top:-20px;}
.loginbox .item{ width:100%; margin:10px 0; float:left; position:relative;}
.loginbox .name,.loginbox .password{ width:298px; height:28px; padding:0 0 0 43px; border:1px solid #e5e5e5; line-height:28px; background:url(../images/icon-login.jpg) 9px 6px no-repeat #fff;}
.loginbox .password{ background-position:9px -36px;}
.loginbox .btn-submit{ width:300px; height:30px; line-height:30px; background:#fa535a; color:#fff; border:none; text-align:center;}
.loginbox .remember{ float:left; font-weight:normal;}
.loginbox .remember input{ margin:0 5px 0 0; vertical-align:middle;}
.loginbox .forget{ float:right; color:#333;}
.loginbox label.error,.loginbox span.error{ font-size:12px; font-weight:normal; padding:0; margin:0; line-height:20px; color:#b94a48; cursor:default; display:inline-block; *display:inline; *zoom:1; position:absolute; bottom:-20px; width:110%; left:0;}

/**/
.pop-form .typedata{ float:left; display:inline;}
.pop-form .typedata th{ background:#fafafa; font-size:12px;}
.pop-form .typedata td{ font-size:12px;}
.pop-form .typedata input{ width:100%; border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; text-align:center; font-size:12px;}
.pop-form .glyphicon{ color:#fa535a; cursor:pointer;}
.formerchant .typedata{ width:500px;}

/* 获取代码 */
.frameCode,.jsCode{ width:420px;}
.frameCode textarea,.jsCode textarea{ width:420px;}
.frameCode textarea,.frameCode .CodeMirror{ height:40px;}

/* 新建算法 */
.pop-createalgorithm .CodeMirror{ border:1px solid #ccc;}
.pop-createalgorithm .uicode,.pop-createalgorithm .javacode{ width:500px;}
.pop-createalgorithm textarea{ width:500px; height:300px;}
.alg_label{ padding:0 5px; margin-bottom:0;}
.alg_repeat,.alg_line{ padding:5px;}
.alg_repeat .alg_line{ padding:0;}
.alg_repeat{ position:relative; margin:0 20px 0 0; border:1px dashed #f6f6f6; min-height:30px; line-height:30px;}
.alg_repeat .alg_plus,.alg_repeat .alg_minus{ position:absolute; right:-20px; top:50%; margin:-7px 0 0; cursor:pointer; color:#fa535a;}
.alg_repeat .alg_plus.disabled,.alg_repeat .alg_minus.disabled{ color:#ccc; cursor:default;}
.UICont{ width:100%; padding:10px 2%; min-width:500px; border:1px dashed #ccc; background:#fafafa; overflow-x:auto; overflow-y:hidden; display:inline-block; *display:inline; *zoom:1;}
.uicontent{ width:100%; min-width:500px; line-height:30px; background:#fafafa; display:inline-block; *display:inline; *zoom:1;}
.uicontent label.error{ font-size:12px; font-weight:normal; color:#b94a48; position:absolute; margin:28px 0 0 -130px;}
.uicontent input[type=radio],.uicontent input[type=checkbox]{ margin-top:9px; margin-top:5px\9;}
.info_material,.info_validmaterial{ border:1px dashed #f6f6f6; padding:0 5px; position:relative; left:-6px;}

@media (min-width:768px) {
    .sidebar{ position:fixed; top:60px; bottom:0; left:0; z-index:1031; display:block; border-top:1px solid #cb4d56; text-align:center; padding:0; width:170px; overflow-x:hidden; overflow-y:auto;  background-color:#262a33;}
    .main { margin-left:170px;}
}


@media (max-width:1366px) {
    .homebox .chart{ width:600px;}
}
@media (max-width:1024px) {
	body,body .grid{ font-size:12px;}
	body .grid th{ font-size:14px;}
	body .grid th, body .grid td{ padding:5px 0;}
    .sidebar{ width:130px; position:fixed; top:60px; bottom:0; left:0; z-index:1031; display:block; border-top:1px solid #cb4d56; text-align:center; padding:0; overflow-x:hidden; overflow-y:auto;  background-color:#262a33;}
    .main { margin-left:130px;}
    .homebox .chart{ width:460px;}
    .homebox .datatype{ width:80px;}
    .homebox .infobox{width:220px;}
    .navbar-inverse .navbar-brand img{ width:130px;}
    .searchbox .searchbox-ipt{ width:140px;}
    .searchbox,.daterangebox,.dropbox{ margin-left:10px;}
    .ui-dialog-body{ padding:10px 0;}
    body .grid td .label{ font-size:12px!important;}
    .daterangepicker td, .daterangepicker th{ width:15px;min-width:15px!important;padding:0;}
}